@charset "utf-8";
ol, ul {
    list-style: none;
}

div.time_shaft_container {
    width: 62.5rem;
}

div.time_shaft_container > ul {
    display: flex;
    justify-content: space-around;
    height: 6.25rem;
}

div.time_shaft_container ul > li {
    display: flex;
    flex-direction: column;
}

div.time_shaft_container ul > li.point {
    justify-content: center;
    align-items: center;
}

div.time_shaft_container ul > li.line {
    justify-content: flex-start;
    align-items: center;
    flex: auto;
}

div.time_shaft_container > ul > li svg {
    width: 1.5625rem;
    height: 1.5625rem;
}

div.time_shaft_container > ul > li.point > div {
    margin-top: -2rem;
}

div.time_shaft_container > ul > li.line > div {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
}

div.time_shaft_container > ul > li.area > span.text {
    color: #47b3ff;
}

div.time_shaft_container > ul > li.line.sea {
    width: 12.5rem;
}

div.time_shaft_container > ul > li.line.sea > div > span.title {
    position: absolute;
    margin-top: -2.8125rem;
    color: #47b3ff;
}

div.time_shaft_container > ul > li.point > span.point {
    display: inline-block;
    width: .625rem;
    height: .625rem;
    margin-top: -1.875rem;
    border-radius: 50%;
    background-color: #3291ff;
}

div.time_shaft_container > ul > li.point > span.text:nth-child(2) {
    position: absolute;
    margin-top: .3rem;
    font-weight: 600;
}

div.time_shaft_container > ul > li.point > span.text:nth-child(3) {
    position: absolute;
    margin-top: 2rem;
}

div.time_shaft_container > ul > li.point > span.text:nth-child(4) {
    position: absolute;
    margin-top: 3.8rem;
}

div.time_shaft_container > ul > li.line > div:last-child {
    position: relative;
    width: 100%;
    border-top: .125rem solid #3291ff;
}

div.time_shaft_container > ul > li.line.dashed > div:last-child {
    border-top: .0625rem dashed #47b3ff;
}

.color_47b3ff {
    color: #47b3ff;
}
